<div class="sc-search">
    <el-input ref="input" v-model="input" placeholder="{:lang('user.search')}" size="large" clearable prefix-icon="el-icon-search" :trigger-on-focus="false" @input="inputChange"/>
    <div class="sc-search-history" v-if="history.length>0">
        
    </div>
    <div class="sc-search-result">
        <div class="sc-search-no-result" v-if="result.length<=0">{:lang('common.search-no-result')}</div>
        <ul v-else>
            <el-scrollbar max-height="366px">
                <li v-for="item in result" :key="item.path" @click="to(item)">
                    <el-icon><component :is="item.icon || 'el-icon-menu'" /></el-icon>
                    <span class="title">{{ item.breadcrumb }}</span>
                </li>
            </el-scrollbar>
        </ul>
    </div>
</div>